/* iOS设备 <div id="deviceDetect" style="display: none;"></div>*/
@media only screen and (max-device-width: 480px) {
  #deviceDetect {
    font-family: "iOS";
  }
}

/* 安卓设备 */
@media only screen and (min-device-width: 481px) {
  #deviceDetect {
    font-family: "Android";
  }
}

.gradient-text {
    background-image: linear-gradient(to right, var(--tw-gradient-stops));
    --tw-gradient-from: hsl(var(--primary)) var(--tw-gradient-from-position);
    --tw-gradient-to: hsl(var(--primary) / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
    --tw-gradient-to: hsl(var(--secondary) / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), hsl(var(--secondary)) var(--tw-gradient-via-position), var(--tw-gradient-to);
    --tw-gradient-to: hsl(var(--accent)) var(--tw-gradient-to-position);
    background-clip: text;
    color: transparent;
}

.redcolor{
	color:#fb1010
}
/*想要更加高效地禁止页面的拖拽行为*/
.no-drag {
	overflow: hidden;
}

.shadow{
	-webkit-box-shadow: 0px 0px 15px 0px #26de81ad;
	box-shadow: 0px 0px 15px 0px #26de81ad;	
}

.plus{
		width: 110rpx;
		height: 110rpx;
		background: linear-gradient(0deg, #ff774e, #db0e0e);
		border-radius: 50%;
		display: flex;
		justify-content: center;
		align-items: center;
		position: fixed;
		bottom: 160rpx;
		right: 12rpx;
		color: #fff;
	}
	

.help-btn {
	position: fixed;
	right: 6rpx;
	bottom: 200rpx;
	// background: #a891b3;
	font-size: 22rpx;
	z-index: 999;
}
.help-btn image{
	animation: yao 2.5s .15s linear infinite;
	-moz-animation: yao 2.5s .15s linear infinite; /* Firefox */
	-webkit-animation: yao 2.5s .15s linear infinite; /* Safari and Chrome */
	-o-animation: yao 2.5s .15s linear infinite; /* Opera */
}
@-webkit-keyframes yao{ 
	10% { 
	  transform: rotate(15deg); 
	} 
	20% { 
	  transform: rotate(-10deg); 
	} 
	30% { 
	  transform: rotate(5deg); 
	} 
	40% { 
	  transform: rotate(-5deg); 
	} 
	50%,100% { 
	  transform: rotate(0deg); 
	} 
}
.help-btn text {
	padding: 14rpx 22rpx;
	font-weight: bold;
	color: #fff;
	border-radius: 10rpx;
}

.small-btn {
	width: 300rpx;
	height: 82rpx;
	/*  background: linear-gradient(rgba(0,0,0,.04),rgba(0,0,0,.04)),linear-gradient(#ef4034,#ef4034); */
	background: linear-gradient(to right, #EC4A4A, #F58968);
	border-radius: 50rpx;
	color: #FFFFFF;
	font-size: 28rpx;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	font-family: PingFangSC-Semibold;
}

/*圆头，上左上右圆*/
.round_head{
	border-radius: 20px 20px 0px 0px;
}

.round_box{
	background-color: #fff;
	padding: 10px;
	border-radius: 5px;
}
  
 
.popcss{
	width: 96%;margin:0 auto;height: 90vh;background-color: #fff;display: flex;justify-content: center;align-items: center;
}